<template>
  <div class="symbol-content" v-html="svg"></div>
</template>

<script>
import Hfmath from './hfmath';

export default {
  props: {
    latex: {
      type: String,
      required: true,
    },
  },
  computed: {
    svg() {
      const eq = new Hfmath(this.latex);
      return eq.svg({
        SCALE_X: 10,
        SCALE_Y: 10,
      });
    },
  },
};
</script>
